<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
    //   原生 ajax
    // var xhr=new XMLHttpRequest()
    // // 建立连接
    // xhr.open("get", "index.txt",true)
    // // 发送请求
    // xhr.send()
    // 监听
    // xhr.onreadystatechange=function() {
    //     if (xhr.readyState == 4) {
    //         if (xhr.status == 200) {
    //             console.log(xhr.responseText);
    //         }else {
    //             console.log(xhr.status);
    //         }
    //     }
    // }

       
    // 封装
    function axios(methods,url) {
      return new Promise((resolve, reject) => {
        let xhr = new XMLHttpRequest();
        xhr.open(methods, url, true);
        xhr.send();
        xhr.onreadystatechange=function() {
            if (xhr.readyState == 4) {
                 if (xhr.status == 200) {
                    resolve(xhr.responseText)
                 } else {
                    reject(xhr.status)
                 }
            
            }
        }
      })
        
    }
    axios("get","index.txt").then(res=>{
        console.log(res,"成功");
    })
    </script>
</body>
</html>